<template>
	<view class="order-detail full box relative bg-primary flex-col">
		<view class="order-status">
			<text class="status-text">已出库</text>
			<text class="order-no">订单编号：S02025042210157100</text>
		</view>
		<view class="device-box">
			<view class="device-info">
				<image mode="aspectFill" class="device-img"></image>
				<view class="info-wrap">
					<text class="device-name">家庭水站(980套餐)</text>
					<text class="device-code">设备序列号：190381</text>
					<text class="device-code">已发：x1</text>
				</view>
			</view>
			<view class="info-item">
				<text class="info-label">零售价</text>
				<text class="info-value"> ￥130.00</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.order-detail {
		background: #F6F6F6;

		.device-box {
			margin-top: 32rpx;
			padding: 32rpx;
			background: #FFFFFF;
			border-radius: 8rpx 8rpx 8rpx 8rpx;
		}

		.order-status {
			padding: 48rpx 32rpx 0;
			display: flex;
			align-items: center;
			display: flex;
			align-items: center;

			.order-no {
				font-size: 24rpx;
				color: rgba(0, 0, 0, 0.6);
				line-height: 40rpx;
				padding-left: 16rpx;
			}

			.status-text {
				font-weight: bold;
				font-size: 40rpx;
				color: rgba(0, 0, 0, 0.9);
				line-height: 56rpx;
			}
		}
	}
</style>